<template>
  <div id="app">
    <top-bar></top-bar>
    <div class="hp_content_box">
      <router-view style="width: 920px"/>
    </div>
  </div>
</template>

<script>

export default {
  name: 'App'
}
</script>

<style lang="stylus">
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,u,i {
  padding 0
  margin 0
}
body {
  font-size 16px
  background-color: #f5f5d5
}
.cursor {
  cursor pointer
}
.sigle-more {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.two-more {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hp_content_box {
  padding-top 60px
  display flex
  justify-content center
}
</style>
